<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery显示隐藏小Demo</title>
    <script type="text/javascript" src="jquery-3.4.0.js"></script>
    <script type="text/javascript">
 
        <!-- 文档加载后隐藏 class= "toggle" 标签的内容 -->
        $(document).ready(function () {
            $(".toggle").hide();
        })
    
        <!-- .btn绑定点击事件来显示和隐藏 .toggle 所在标签的内容 -->
        $(function () {
            $(".btn").click(function () {
                $(".toggle").toggle();
            })
        })
    </script>
</head>
<body>
<input type="button" value="点我" class="btn"/>
<div class="toggle">
    大家好，我是toogle()！
</div>
</body>
</html>
